<template>
  <div class='classification'>
    <p>
      <span></span>{{title}}
    </p>
    <img src="../../../static/images/close.png" alt="" v-show='close' @click='closePop'>

  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  props: ["title", "close"],
  methods: {
    closePop() {
      this.$emit('popclose',false)
    }
  }
};
</script>
<style lang='less' scoped>
.classification {
  height: 50px;
  padding: 16px 0 0 20px;
  border-bottom: 1px solid #f4f5f6;
  box-sizing: border-box;
  position: relative;
  > img {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
  }
  > p {
    line-height: 1;
    > span {
      display: inline-block;
      height: 16px;
      width: 4px;
      background-color: #ffb001;
      margin-right: 10px;
      position: relative;
      top: 2px;
    }
    color: #282828;
    font-size: 16px;
  }
}
</style>
